<script setup lang="ts">
import type { Props } from './utils/types'

const $props = defineProps<Props>()

</script>

<template>
    <div class="title">{{ title }}</div>
</template>

<style lang="scss" scoped>
.title {
    color: rgba(16, 16, 16, 1);
    font-size: 15px;
    display: flex;
    align-items: center;

    &::before {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        background-color: rgba(255, 0, 0, 1);
        border-radius: 50%;
        margin-right: 8px;
    }
}
</style>
